Search results
47 packages found
A Svelte action that monitors an element enters or leaves the viewport or a parent element. Performant and efficient thanks to using Intersection Observer under the hood.
- svelte
- observer
- observing
- intersection
- viewport
- inviewport
- in-view
- in-viewport
- inview
- observe
- waypoint
- intersection-observer
- intersection-observer-api
- performance
- View more
A performant and lightweight ES6 module for detecting scroll activity (direction + location) for X and/or Y axis
- Custom Scroll Event Listeners
- Scroll Direction
- Scroll Events
- Scroll
- Event
- Custom Event
- Request Animation Frame
- Performant Scrolling
- es6
- module
Enhance your React apps with advanced scroll detection using @smakss/react-scroll-direction. This powerful hook not only detects scroll direction but also provides scroll position information. Ideal for React, Remix, Next.js, and Gatsby projects, it comes
- react-scroll-direction
- scroll-position-react
- react-hook-scroll-position
- scroll-detection-react
- scroll-position-detection
- scroll-direction-detection
- react-hook-scroll
- direction-and-position-detection
- scroll-hook
- npm
- yarn
- react
- remix
- nextjs
- View more
A react hook for creating simple, fast and lightweight components with infinite scrolling in any direction, supporting both windowed and scrollable elements.
- react
- react-hooks
- react infinite scroll
- react infinite scroll hook
- useInfiniteScroll
- infinite-scroll
- scrolling
- infinite
- scroll
- react-component
- flex
- flexbox
- list
- grid
Vertical scroll direction in CSS
within-view uses preact/react hook to detect scroll event changes and checking if the wanted element(s) is within view and appending a class to the element if desired.
- preact
- react
- hooks
- preact-hooks
- react-hooks
- scroll
- scroll-position
- scroll-direction
- scroll-event-listener
- dom-listener
- element-in-view
- element-in-sight
- within-view
- within-sight
- View more
vue directive to make a scrollable element scroll by draging to the scroll direction
A simple, performant, and cross-browser hook for handling scroll in your next react app.
- react
- hook
- custom-hook
- typescript
- detect
- scroll
- scrolling
- direction
- position
- window
- ref
- frontend
- custom scroll
- performant scroll
detects scroll direction, position and emits events
A simple React hook for listening to the scroll direction of a page. Provides the value as a string of either 'up' or 'down'. Defaults to up but can be configured to have a different default.
A minimal JavaScript module for manipulating DOM Elements when scrolling in certain directions or after scrolling stops.
Track user scroll direction without jitter
a lightweight Events API for detecting scroll and touch events based on custom sensitivity
- touch events
- scroll events
- touch
- scroll
- detect
- direction
- scroll-event
- dom-scroll
- scroll-detect
- detect-scroll
- scroll-direction
- scroll-swipe
- swipe
Script that trigger functions only when the user changes the scroll direction
Viewport scroll position and direction watcher. Binds states data attributes to `HTML` for further JS/CSS usage. Scroll event is throttled for performance economy.
scroll-horizontal is a lightweight vanilla script that enables you to change the default scroll direction either for a single section or for a whole page
Easy integration!!! Easily detect mouse wheel and trackpad movement direction, even when there is no scrolling overflow.
A library for scroll-related utils.
0 dependency JavaScript library for monitoring scroll direction in the element
a dragscroll directive for vue3; to make a scrollable element scroll by draging to the scroll direction